.ui-layout-container
{
    background: #EEE;    
}

.menubar
{
    width:      100%;
    padding:    0;
    margin-left: 0.5em;  
    margin-right: 0.5em;  
    margin-top: 0;  
    margin-bottom: 0;  
    font-weight: bold;
}

.menubar ul
{
    width:      100%;
    height:     100%;
    padding:    0;
    margin:     0;
    border:     none;
    text-aligh : center;
}

.menubar ul li
{
    width:      100%;
    height:     100%;
    padding:    0;
    margin:     0;   
    text-decoration: none;
    display:    inline;
    border:     none;
}

.menubar ul li a
{
    width:      100%;
    height:     100%;
    padding:    0 1em;
    margin-left: 0;  
    margin-right: 0;  
    margin-top: 1em;  
    margin-bottom: 1em;   
    text-decoration: none;
    font-size: 14px;
    color:      black;
}


.menubar ul li a:hover
{
    background: #999;
}

.dropmenu
{
    z-index:    100;
    padding:    0;    
    margin:     0;   
    background: #EEE;
}

.dropmenu ul
{
    padding:    0;
    margin:     0; 
    display:    none;   
    text-decoration: none;
    list-style: none;
    background: #EEE;
    border: 1px solid gray;
}

.dropmenu ul li
{
    padding:    0;
    margin:     0; 
    font-weight: bold; 
    text-decoration: none;
}

.dropmenu ul li a
{
    padding:    0.5em;
    margin:     0;     
    text-decoration: none;
    font-size: 14px;
    color:      black;
}

.dropmenu ul li:hover
{
    background: #999;
}

.dropmenu ul li a[disabled="disabled"]
{
    color:      gray;    
}
